<template>
  <div class="ml-taobao">
    aa
    <chart :options="polar" :auto-resize="true"></chart>
  </div>
</template>

<script type="text/babel">
export default {
  components: {},
  data() {
    let data = [];

    // for (let i = 0; i <= 360; i++) {
    //     let t = i / 180 * Math.PI
    //     let r = Math.sin(2 * t) * Math.cos(2 * t)
    //     data.push([r, i])
    // }
    return {
      polar: {
        title: { text: "在Vue中使用echarts" },
        tooltip: {},
        xAxis: {
          data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
        },
        yAxis: {},
        series: [
          {
            name: "销量",
            type: "bar",
            data: [5, 20, 36, 10, 10, 20]
          }
        ]
      }
      //  polar: {
      //   title: {
      //     text: '极坐标双数值轴'
      //   },
      //   legend: {
      //     data: ['line']
      //   },
      //   polar: {
      //     center: ['50%', '54%']
      //   },
      //   tooltip: {
      //     trigger: 'axis',
      //     axisPointer: {
      //       type: 'cross'
      //     }
      //   },
      //   angleAxis: {
      //     type: 'value',
      //     startAngle: 0
      //   },
      //   radiusAxis: {
      //     min: 0
      //   },
      //   series: [
      //     {
      //       coordinateSystem: 'polar',
      //       name: 'line',
      //       type: 'line',
      //       showSymbol: false,
      //       data: data
      //     }
      //   ],
      //   animationDuration: 2000
      // }
    };
  },
  mounted() {},
  methods: {}
};
</script>

<style scoped rel="stylesheet/less" lang="less">
.ml-taobao {
  text-align: center;
  .bottom {
    position: fixed;
    text-align: center;
    bottom: 30px;
    width: 100%;
  }
}
</style>
